<?php include('../resources/includes/head_content.php'); ?>
<style>
body{
    
    margin: 0px;
    padding: 0px;
    background: #000;
    width: 100%;
    height: 100%;
}
</style>
<body>
       <script language="javascript">
    
                $(document).ready(function(){
                   
                    $('body').hide();
                    
                    $('body').fadeIn(1000);
                    $('#c-menu li').tooltip({
                        placement: 'left'
                        });
                    //$('#c-menu').show("pulsate");
                    //$('#c-menu li').draggable({revert: true});
                    //$('#c-menu').animate({
                    //    margin: '0px'
                    //    },500);
                    //$('#c-menu li').animate({
                    //    margin: '0px'
                    //    },500);
                    //$('#modal-content').load('history.php');
                });
                
        </script>
        <div id="wrapper" style=" height: 705px; background: #232323 url('../images/msrp5.jpg') no-repeat;">
            <img src="../resources/images/starita_logo_3x3.gif" style="position: absolute; top: 73px; margin-left: 140px;"/>
            <!--<div style="text-align: center; position: absolute; background: transparent url('../images/icons/home.gif') no-repeat 50% 50%; cursor: pointer; width: 113px; height: 62px; margin-left: 119px; top: 225px;"></div>-->
            <div id="menu-container-btn"style="position: absolute; padding:3px; margin: 214px 0 0 234px; background: url('../images/trans-black.png'); width: 518px; height: 399px;">
                <ul id="c-menu">
                    <li rel="tooltip" title="Home" style="background: #0a8e08 url('../images/icons/home.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="History" style="background: #FF7200 url('../images/icons/history.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Contact Us" style="background: #FF7200 url('../images/icons/contact.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Comments and Suggestions" style="background: #FF7200 url('../images/icons/comments.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Request for Birth Certicate" style="background: #FF7200 url('../images/icons/birth.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Request for Death Certificate" style="background: #FF7200 url('../images/icons/death.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Request for Marriage Certificate" style="background: #FF7200 url('../images/icons/marry.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="News" style="background: #FF7200 url('../images/icons/news.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Information Desk" style="background: #FF7200 url('../images/icons/info.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Events" style="background: #FF7200 url('../images/icons/events.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Announcements" style="background: #FF7200 url('../images/icons/announcements.png') no-repeat 50% 50%;"></li>
                    <li rel="tooltip" title="Itugon mo kay Mayor" style="background: #610ADB url('../images/icons/itugon.png') no-repeat 50% 50%;"></li>
                </ul>
                
                <?php //include('animation.php');?>
            </div>
            
        <!--<div id="content-wrapper">-->
            <!--<div id="left-panel" class="float-left shadow corner-all" >
                <?php //include('resources/includes/left-nav.php'); ?>
            </div>--> <!-- End Left Content -->
            <!--<div id="right-panel" class="" style="margin: auto; border: none;" >-->
                
                <?php /*include('resources/includes/birth-certificate-request-form.php');*/ ?>
                
                
                
            <!--<div id="data"></div>-->
            <!--</div> <!-- End Right Content -->
            <!--<div style="clear:both"></div>-->
            
        <!--</div> -->
         <div id="modal-content">
        
        </div>
    </div>
    <!--<div id="footer">-->
        <?php //include('resources/includes/footer.php'); ?>
    <!--</div>--> <!--End footer-->
   
    

</body>


</html>
